<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
</head>
<body>

   
    <!--头部-->
    <span id="header"></span>

    <div class="auth-main clearfix">
        <!--侧边导航-->
        <span id="nav"></span>

        <!--内容区域-->
        <div  class="main main-width-mid">
            <div class="x-ibox-title x-nav">
               <i class="iconfont icon-shouye m-r-sm"></i><a href="../index.html">首页</a> <i class="iconfont icon-fanhui"></i><a href="./产品库.html">产品库</a><i class="iconfont icon-fanhui "></i>
               ABB S200系列    微型断路器 S202-C16
            </div>

            <div class="ibox-content m-t-sm m-product-detail clearfix">
                <div class="m-img-con-item">
                    <div class="img-show">
                        <img src="../common/imgs/goods2.jpg" />
                    </div>
                </div>
                <div class="m-fav-con">
                    <p class="fs-md color-5">ABB S200系列    微型断路器 S202-C16</p>
                    <a class="fav-btn m-t-sm color-md" style="display: inline-block" href="javascript:;">收藏</a>
                    <div class="btn-con" style="margin-top: 15px">
                        <a href="./新增产品.html" type="button" class="btn btn-danger" style="width: 140px; height: 34px; margin-right: 10px">添加至我的产品库</a>
                        <a href="../showlist/发布卖单.html" type="button" class="btn btn-danger" style="width: 120px; height: 34px; margin-right: 10px">发布该产品</a>
                        <a href="../showlist/发布买单.html" type="button" class="btn btn-danger" style="width: 120px; height: 34px;">求购该产品</a>
                    </div>
                </div>
            </div>

            <div class="ibox-title m-select-btn">
                <a class="active m-l-md m-r-md" href="javascript:;">供应列表</a>
                <a href="javascript:;">求购列表</a>
            </div>
            <div class="ibox-content clearfix">
                <div style="display: block" id="saleList">
                    <table class="table  table-bordered  u-table-center">
                        <thead>
                        <tr>
                            <th>公司名称</th>
                            <th>总量</th>
                            <th>剩余量</th>
                            <th>最低起购量</th>
                            <th>单价</th>
                            <th>付款方式</th>
                            <th>发货地</th>
                            <th>发布日期</th>
                            <th style="width: 90px;">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>
                              	XXXX公司
                            </td>
                            <td>200</td>
                            <td>100</td>
                            <td>50</td>
                            <td style="color: #FF5A5F;">200/件</td>
                            <td>承兑汇票</td>
                            <td>浙江金华</td>
                            <td>2017-07-04</td>
                            <td>
                                <a href="../order/填写订单.html" type="button" class="btn x-btn2-sm">我要订购</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                 	XXXX公司
                            </td>
                            <td>200</td>
                            <td>100</td>
                            <td>50</td>
                            <td style="color: #FF5A5F;">200/件</td>
                            <td>网银转账</td>
                            <td>浙江金华</td>
                            <td>2017-07-04</td>
                            <td>
                                <button type="button" class="btn btn-sm btn-outline btn-warn" style="width: 80px; height: 24px;">已申请</button>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <!--分页-->
                    <div class="page">
                        <ul class="pageMenu clearfix">
                            <li class="firstPage disabled">首页</li>
                            <li class="prevPage disabled"> &lt; 上一页</li>
                            <div class="pageObj ">

                                <li class="pageNum active" style="display: list-item;">1</li>
                                <li class="pageNum" style="display: list-item;">2</li>
                                <li class="pageNum" style="display: list-item;">3</li>
                                <li class="pageNum" style="display: list-item;">4</li>
                            </div>
                            <li class="nextPage"> 下一页 &gt;</li>
                            <li class="lastPage">尾页</li>
                            <li class="last" style="font-size: 14px;">
                                共<span class="totalPage">4</span>页，跳转至 <input type="number" class="keuInput" value="1">
                                <button type="button" class="btnSure">确定</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div style="display: none" id="buyList">
                    <table class="table  table-bordered  u-table-center">
                        <thead>
                        <tr>
                            <th>公司名称</th>
                            <th>求购量</th求购量>
                            <th>剩余量</th>
                            <th>最少供应量</th>
                            <th>期望价格</th>
                            <th>付款方式</th>
                            <th>最晚到货日期</th>
                            <th>收货地</th>
                            <th>发布日期</th>
                            <th style="width: 90px;">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>
                          		***公司
                            </td>
                            <td>200</td>
                            <td>100</td>
                            <td>50</td>
                            <td style="color: #FF5A5F;">200/件</td>
                            <td>承兑汇票</td>
                            <td>2017-07-04</td>
                            <td>上海</td>
                            <td>2017-07-04</td>
                            <td>
                                <a href="./我要响应.html" type="button" class="btn btn-sm x-btn-sm" style="width: 80px; height: 24px;font-size:12px">我要响应</a>
                            </td>
                        </tr>

                       	  <tr>
                            <td>
                          		***公司
                            </td>
                            <td>200</td>
                            <td>100</td>
                            <td>50</td>
                            <td style="color: #FF5A5F;">200/件</td>
                            <td>网银转账</td>
                            <td>2017-07-04</td>
                            <td>上海</td>
                            <td>2017-07-04</td>
                            <td>
                                <a href="./我要响应.html" type="button" class="btn btn-sm x-btn-sm" style="width: 80px; height: 24px;font-size:12px">我要响应</a>
                            </td>
                        </tr>


						<tr>
                            <td>
                          		***公司
                            </td>
                            <td>200</td>
                            <td>100</td>
                            <td>50</td>
                            <td style="color: #FF5A5F;">200/件</td>
                            <td>不限</td>
                            <td>不限</td>
                            <td>上海</td>
                            <td>2017-07-04</td>
                            <td>
                                <button type="button" class="btn btn-sm btn-outline text-default btn-warn" style="width: 80px; height: 24px;">已申请</button>
                            		
                            </td>
                        </tr>
						
                        
                        </tbody>
                    </table>
                    <!--分页-->
                    <div class="page">
                        <ul class="pageMenu clearfix">
                            <li class="firstPage disabled">首页</li>
                            <li class="prevPage disabled"> &lt; 上一页</li>
                            <div class="pageObj ">

                                <li class="pageNum active" style="display: list-item;">1</li>
                                <li class="pageNum" style="display: list-item;">2</li>
                                <li class="pageNum" style="display: list-item;">3</li>
                                <li class="pageNum" style="display: list-item;">4</li>
                            </div>
                            <li class="nextPage"> 下一页 &gt;</li>
                            <li class="lastPage">尾页</li>
                            <li class="last" style="font-size: 14px;">
                                共<span class="totalPage">4</span>页，跳转至 <input type="number" class="keuInput" value="1">
                                <button type="button" class="btnSure">确定</button>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--页尾-->
    <span id="footer"></span>
  </body></html>
<script src="../common/js/jquery-1.9.1.js"></script>
<script type="text/javascript">
    $.get('../common/html/head.html', function (data) {
        $('head').html(data)
    });

    $.get('../common/html/header.html', function (data) {
        $('#header').html(data)
    });

    $.get('../common/html/nav.html', function (data) {
        $('#nav').html(data)
    });

    $.get('../common/html/footer.html', function (data) {
        $('#footer').html(data)
    });
</script>
<script>
    $('.m-select-btn a').eq(0).click(function () {
        $('#saleList').show(300);
        $('#buyList').hide(300);
        $(this).addClass('active').siblings().removeClass('active');
    });

    $('.m-select-btn a').eq(1).click(function () {
        $('#saleList').hide(300);
        $('#buyList').show(300);
        $(this).addClass('active').siblings().removeClass('active');
    });
</script>